<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简化Axios</title>
	</head>
	<body>
		<h1>简化操作写法</h1>
		<script src="../js/axios.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/*设定公共的请求路径
			*/
		   axios.defaults.baseURL= "http://localhost:8090"
			let user={
				name: '建党百年',
				age: 100,
				sex: '未知'
				}
			/*解构赋值
			想法:能否利用一个方法 就将数据直接获取,简化2步调用的结构
			实现:ES7中 提供了await async 简化现有axios操作
			用法说明:
			1.await 用来标识异步请求 .解构操作
			2.async 用在函数中.支持解构  要求同时出现
			语法结构:
			let{} 用来接收解构后的对象
			*/
		   //定义一个函数
		    async function ajax(){
				//语法结构:将ajax返回值data 赋值给value
				//obj就是原来的回调函数result
				//let obj = await axios.post("/saveUser",user)
			   let {data: value} = await axios.post("/saveUser",user)
			   console.log(value)
		   }
			//调用函数
			ajax()
				
		
		</script>
	</body>
</html>
